@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.list {
  padding: 0 $pagePadding;
  .item {
    margin-bottom: $gutter;
    img {
      display: block;
      width: 100%;
      height: 1.72rem;
      border-radius: 0.04rem 0.04rem 0 0;
    }
    .figure {
      padding: 0.16rem $pagePadding 0;
      border-radius: 0 0 0.04rem 0.04rem;
      background: #fff;
      .title {
        font-size: 0.16rem;
        line-height: 0.2rem;
      }
      .bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.1rem 0;
        font-size: 0.12rem;
        color: $font3;
        .enroll {
          .join {
            color: #ff2828;
          }
        }
      }
    }
  }
  .item:last-child {
    margin-bottom: 0;
  }
}
.empty,
.error,
.loading {
  position: relative;
  height: calc(100vh - #{$navbarHeight});
  background: #fff;
}
